/*
* @Author: Marte
* @Date:   2018-01-16 09:02:29
* @Last Modified by:   Marte
* @Last Modified time: 2018-01-30 16:31:23
*/
/* 首尾的css */

.clearfix:after {
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    clear: both;
}
.fl {
    float: left;
}

.fr {
    float: right;
}
// 公共开始
.header {
    width: 980px;
    margin: 0 auto;
}
.topblack {
}

.topblack > p {
    float: left;
    font: 14px/60px "Microsoft Yahei";
    color: #fff;
    margin: 0;
}

.topblack > div {
    float: right;
    color: #fff;
    font: 14px/60px "Microsoft Yahei";
}

.topblack > div > a {
    color: #fff;
    font-size: 12px;
}

.nav {
    height: 56px;
}

.navlist {
    display: inline-block;
    float: right;
}

.navlist > li {
    float: left;
    font: 20px/56px "Microsoft Yahei";
    margin-left: 50px;
}

.navlist > li > a {
    color: #ffebb2;
}



.nav > button {
    display: inline-block;
    position: relative;
    font-size: 26px;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: pointer;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: none;
    color: #fff;
}

.nav > .logo {
    display: inline-block;
}

.nav > .logo > a {
    display: block;
}
// 公共结束
@media screen and (min-width:1200px){

}

@media screen and (max-width: 992px) {
     body{

     }
    .navlist > li .active {
      color: #ffebb2;
      background-color: rgba(68, 15, 7, 0.6);
      font-size: 20px;

    }
    .container-fluid{
      background-color:#4b0105;
    }
    .footer {
        background-color: #1c1c1c;
        color: #1c1c1c;
        padding-bottom: 10px;
    }

    .footer .footcenter {
        text-align: center;
    }

    .footer .footcenter > img {
        height: 40px;
        margin-top: 10px;
        margin-bottom: 5px;

    }

    .footer .footcenter ul li {
        float: left;

    }

    .footer .footcenter ul li a {
        color: #fff;
    }

    .footer .footcenter p {
        color: #fff;
        margin: 5px 0 0 0;
    }

//头部样式
   .header {
        width: 100%;
        position: relative;

    }

    .topblack > div {
        position: absolute;
        right: 20px;
        top: 0;
        line-height: 43px;
        z-index:10;
    }

    .nav {
        width: 100%;
        height: 56px;
        position: relative;
        padding-top: 10px;
        box-sizing: border-box;
    }

    .nav > button {
        display: inline-block;
        outline: none;
        margin-left: 10px;
        margin-right: 10px;
    }

    .navlist {
        padding: 15px 0;
        display: inline-block;
        position: absolute;
        top: 56px;
        left: -310px;
        color: #8a0d0f;
        z-index: 1995;
        background-color: #8a0d0f;
    }

    .navlist > li {
        float: none;
        margin-left: 0;
        height: 56px;
    }
    .navlist > li>a{
        display:block;
        padding:0 10px;
        height:40px;
        line-height: 40px;
    }
     //手机端导航hover
    .navlist > li > a.current{
        display:block;
        background-color:#600e0a;
    }
    .logo img {
        height: 30px;
    }



}

@media screen and (min-width: 992px) {
    body{

    }
    .cenbox {
        width: 980px;
        margin: auto;
    }
    .navlist > li .active {
      color: #ffebb2;
      padding:5px 10px;
      background-color: rgba(68, 15, 7, 0.6);
      font-size:20px;
      border-radius:28px;
      border:2px solid #e3914f;
    }
    .header {
        width: 980px;
        margin:0 auto;
        margin-bottom: 70px;
    }
    .footer {
        background-color: #1c1c1c;
        color: #1c1c1c;
        padding-bottom: 10px;
    }

    .footer .footcenter {
        text-align: center;
    }

    .footer .footcenter > img {
        height: 40px;
        margin-top: 10px;
        margin-bottom: 5px;

    }

    .footer .footcenter ul li {
        float: left;

    }

    .footer .footcenter ul li a {
        color: #fff;
    }

    .footer .footcenter p {
        color: #fff;
        margin: 5px 0 0 0;
    }
     .footer {
        width: 100%;
        height: 190px;
        background-color: #1c1c1c;
        box-sizing: border-box;
        padding-top: 54px;
        color: #fff;
    }

    .footcenter {
        width: 980px;
        height: 100%;
        margin: 0 auto;
        text-align: center;

    }

    .footcenter > img {
        margin-top: 15px;
        float: left;
        margin-right: 20px;
        margin-left: 50px;
    }

    .footcenter > div {
        margin-top: 10px;
        float: left;
        text-align: left;

    }

    .footcenter > div > ul > li {
        float: left;
        padding: 0 5px;
        width: auto;
    }

    .footcenter > div > ul > li > a {
        color: #fff;
        padding-right: 5px;
    }

    .footcenter > div > p {
        padding-left: 5px;
        margin-top: 5px;
        margin-bottom: 0;
    }
    .container-fluid{
        width: 100%;
        background: url(../images/ubibg.webp) no-repeat center;
        background-size: cover;
        min-height: 1000px;
    }
}

.cenbox>.crumbs{
    padding: 0;
    font-size:16px;
    overflow: hidden;
}
.cenbox>.crumbs >span{
    background-color:rgba(94,22,16,.5);
    display:inline-block;
    padding:0 10px;
    line-height: 30px;
    color:#fff;
}
.cenbox>.crumbs >span>em{
    font-style:normal;
    color:#fff;
}
.cenbox>.crumbs >span>a{
   color:#ffebb2;
}